<template>
  <div class="container">
    <div class="message">
      <p class="character">
        对车间进行新增查改等常规操作<span class="skip">查看帮助文档</span>
      </p>
    </div>
    <el-tabs class="tab-container" type="border-card">
      <el-tab-pane label="排程模板">
        <boardmodel />
      </el-tab-pane>
      <el-tab-pane label="模板明细">
        <boardmodeldeatail />
      </el-tab-pane>
      <el-tab-pane label="排程开启条件">
        <productionplanconditionphoto />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import boardmodel from './components/planboard/boardmodel'
import boardmodeldeatail from './components/planboard/boardmodeldeatail'
import productionplanconditionphoto from './components/planboard/productionplanconditionphoto'

export default {
  name: 'PlanBoard',
  components: { boardmodel, boardmodeldeatail, productionplanconditionphoto }
}
</script>
<style lang="scss" scoped>
  .tab-container {
    margin: 30px;
    border: 1px solid #ebeef5;
    box-shadow: none;
  }
  .message {
    width: 97%;
    margin: 20px auto;
    height: auto;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(238, 238, 238, 1);
    font-size: 14px;
    .character {
      margin: 20px 20px 21px 20px;
      line-height: 25px;
      color: #999999;
      .skip {
        color: #0095ff;
        margin-left: 10px;
        cursor: pointer;
      }
    }
  }
</style>
